<template>
  <div class="main">
    <!-- <header>
      <p style v-on:click=" goback()">← 机构选择</p>
      <p style="position: absolute">北京市</p>
    </header> -->
    <tit1 tit='机构选择' style="height:80px"></tit1>
    <div class="forback">
    <van-search
      v-model="value"
      shape="round"
      background="rgb(230, 230, 230)"
      placeholder="搜索"
    />
    <div class="under">
        <div>北京热力集团</div>
        <div>北京源热力有线公司</div>
    </div>
    </div>
  </div>
</template>

<script>
import tit1 from "../../../../components/tit.vue";
export default {
  data() {
    return {
      value: "",
    };
  },
  methods: {
    goback() {
      this.$router.replace({ name: "more" });
    },
  },
  components:{
    tit1
  }
};
</script>

<style scoped lang='less'>
.main {
  // background-color: rgb(230,230,230);
  height: 100%;
  .forback{
    background: rgb(230, 230, 230);
    height: 100%;
  }

  header {
    padding-left: 20px;
    height: 125px;
    background-color: rgb(255, 86, 84);
    position: relative;
    p {
      margin: 0px;
      &:nth-child(1) {
        font-size: 30px;
        color: #fff;
        line-height: 125px;
      }
      &:nth-child(2) {
        right: 20px;
        bottom: 40px;
        font-size: 30px;
        color: #fff;
      }
    }
  }
  .under {
    div {
      font-family: monospace;
      width: 95%;
      height: 80px;
      line-height: 80px;
      border-radius: 5px;
      padding-left: 30px;
      background-color: #fff;
      font-size: 30px;
      color: #000;
      margin: 0 auto 20px auto;
    }
  }
}
</style>